<template>
  <div id="app">
    <el-container style="height: 100%;">
      <el-aside height="100%">
        <pangu-nav></pangu-nav>
      </el-aside>
      <el-container>
        <el-header class="main-header">
            <ul class="nav-bar float-right h-full">
              <li class="nav-item">
                <el-badge :value="12" class="item">
                   <i class="el-icon-bell"></i>
                </el-badge>
              </li>
              <li class="nav-item">
                <el-dropdown>
                  <section class="nav-item--user items-center ">
                    <span class="name">qfy1111111111111111111111111111</span>
                    <el-avatar src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png">
                    </el-avatar>
                  </section>
                  <el-dropdown-menu slot="dropdown">
                    <el-dropdown-item>黄金糕</el-dropdown-item>
                    <el-dropdown-item>狮子头</el-dropdown-item>
                    <el-dropdown-item>螺蛳粉</el-dropdown-item>
                    <el-dropdown-item disabled>双皮奶</el-dropdown-item>
                    <el-dropdown-item divided>蚵仔煎</el-dropdown-item>
                  </el-dropdown-menu>
                </el-dropdown>
              </li>
            </ul>
        </el-header>
        <el-container class="main-content wrapper">
          <router-view></router-view>
        </el-container>
        <!--<el-footer class="app-footer">Footer</el-footer>-->
      </el-container>
    </el-container>
  </div>
</template>

<script>
  import panguNav from './views/panguNav'
  import "./static/stylus/global.styl"

  export default {
    name: 'App',
    components: {
        panguNav
    }
}
</script>

<style lang="stylus">
  html,body
    width 100%
    height 100%
    background-color #f8f8f8;
    margin 0
    padding 0
    font-family Avenir, Helvetica, Arial, sans-serif
    -webkit-font-smoothing: antialiased
    -moz-osx-font-smoothing: grayscale
    overflow hidden

  #app
    width 100%
    height 100%

</style>
